<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>scroll</title>
	<link rel="stylesheet" type="text/css" href="style/style.css">
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
	<!-- 示例容器 -->
	<div class="scroll-demo">
		<!-- 标签切换区 -->
		<ul class="scroll-tab">
			<li class="tab-item tab-active">第一篇</li>
			<li class="tab-item">第二篇</li>
			<li class="tab-item">第三篇</li>
			<li class="tab-item">第四篇</li>
		</ul>
		<!-- 滚动内容区 -->
		<div class="scroll-wrap">
			<!-- 滚动内容 -->
			<div class="scroll-cont">
				<h3 class="anchor">春天来了</h3>
				<div class="scroll-ol">
					<p>SpringSpringSpringSpringSpringSpringSpringSpringSpringSpring</p>
					<p>春天来了春天来了春天来了春天来了春天来了春天来了春天来了春天来了春天来了春天来了春天来了</p>
					<p>春天来了春天来了春天来了春天来了春天来了春天来了春天来了来了春天来了春天来了来了春天来了春天来了来了春天来了春天来了春天来了春天来了春天来了春天来了</p>
					<p>春天来了春天来了春天来来了春天来了春天来了来了春天来了春天来了了春天来了春天来了春天来了春天来了SpringSpringSpringSpring春天来了春天来了春天来了春天来了</p><p>春天来了春天来了春天来来了春天来了春天来了来了春天来了春天来了了春天来了春天来了春天来了春天来了春天来了春天来了春天来了春天来了春天来了春天来了</p><p>春天来了春天来了春天来来了春天来了春天来了来了春天来了春天来了了春天来了春天来了春天来了春天来了春天来了春天来了春天来了春天来了</p><p>春天来了春天来了春天来来了春天来了SpringSpringSpringSpring春天来了来了春天来了春天来了了春天来了春天来了春天来了春天来了春天来了春天来了春天来了春天来了</p>
				</div>
				<h3 class="anchor">夏天来了</h3>
				<div class="scroll-ol">
					<p>SummerSummerSummerSummerSummerSummerSummerSummerSummerSummerSummer</p>
					<p>夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了</p>
					<p>夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了来了夏天来了夏天来了来了夏天来了夏天来了来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了</p>
					<p>夏天来了夏天来了夏天来来了夏天来了夏天来了来了夏天来了夏天来了了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了</p><p>夏天来了夏天来了夏天来来了夏天来了夏天来了来了夏天来了夏天来了了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了SummerSummerSummerSummer夏天来了夏天来了</p><p>夏天来了夏天来了夏天来来了夏天来了夏天来了来了夏天来了夏天来了了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了</p><p>夏天来了夏天来了夏天来来了夏天来了夏天来了来了夏天来了夏天来了了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了</p><p>夏天来了SummerSummerSummerSummer夏天来了夏天来来了夏天来了夏天来了来了夏天来了夏天来了了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了</p><p>夏天来了夏天来了夏天来来了夏天来了夏天来了来了夏天来了SummerSummer夏天来了了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了夏天来了</p>
				</div>
				<h3 class="anchor">秋天来了</h3>
				<div class="scroll-ol">
					<p>AutumnAutumnAutumnAutumnAutumnAutumnAutumnAutumnAutumnAutumn</p>
					<p>秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了</p>
					<p>秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了来了秋天来了秋天来了来了秋天来了秋天来了来了秋天来了AutumnAutumnAutumnAutumn秋天来了秋天来了秋天来了秋天来了秋天来了</p>
					<p>秋天来了秋天来了秋天来来了秋天来了秋天来了来了秋天来了秋天来了了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了</p><p>秋天来了秋天来了秋天来来了秋天来了秋天来了来了秋天来了秋天来了了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了</p><p>秋天来了秋天来了秋天来来了秋天来了秋天来了来了秋天来了秋天来了了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了</p><p>秋天来了秋天来了秋天来来了秋天来了秋天来了来了秋天来了秋天来了了秋天来了秋天来了AutumnAutumnAutumnAutumn秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了</p><p>秋天来了秋天来了秋天来来了秋天来了秋天来了来了秋天来了秋天来了了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了</p><p>秋天来了秋天来了秋天来来了秋天来了秋天来了来了秋天来了秋天来了了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了</p><p>秋天来了秋天来了秋天来来了秋天来了秋天来了来了秋天来了秋天来了了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了</p><p>秋天来了秋天来了秋天来来了秋天来了秋天来了来了秋天来了秋天来了了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了</p><p>秋天来了秋天来了秋天来来了秋天来了秋天来了来了秋天来了AutumnAutumnAutumnAutumn秋天来了了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了秋天来了</p>
				</div>
				<h3 class="anchor">冬天来了</h3>
				<div class="scroll-ol">
					<p>WinterWinterWinterWinterWinterWinterWinterWinterWinterWinter</p>
					<p>冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p>
					<p>冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了来了冬天来了冬天来了来了冬天来了冬天来了来了冬天来了WinterWinterWinterWinter冬天来了冬天来了冬天来了冬天来了冬天来了</p>
					<p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p><p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了WinterWinterWinterWinter冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p><p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p><p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p><p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p><p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p><p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了WinterWinterWinterWinter冬天来了冬天来了冬天来了</p><p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p><p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p><p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p><p>冬天来了冬天来了了冬天来了了冬天来了了冬天来了了冬天来了了冬天来了了冬天来了了冬天来了了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p><p>WinterWinterWinterWinterWinterWinter</p><p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p><p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p><p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p><p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p><p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p><p>冬天来了冬天来了冬天来来了冬天来了冬天来了来了冬天来了冬天来了了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了冬天来了</p>
				</div>
			</div>
			<!-- 滚动条 -->
			<div class="scroll-bar">

				<!-- 滚动滑块 -->
				<div class="scroll-slider"></div>
			</div>
		</div>
	</div>

	<script src="js/script.js"></script>
</body>
</html>